<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width,
     initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0,
      user-scalable=yes" charset="UTF-8"/>
    <title>Games</title>
</head>
<style>
    body{
        background-color: darkcyan;
    }
    .box{
        padidng: 0 auto;
        text-align: center;
    }
    .tag{
        font-size: 30px;
        margin: 2em;
    }
    .tag a{
        color: whitesmoke;
        text-decoration:none;
    }
    .tag a:hover{
        border:3px solid chocolate;
    }
    .imgnano{
        width:5em;
    }
    .demo {
    position: fixed;
    top: -20px;
    right: -20px;
}
</style>
<body>
    <a href="https://github.com/zzzxb/Snake">
        <div class="demo">
            <img src="assets/github.png">
        </div>
    </a>

    <div class="box">
        <h1>Zzzxb's Games</h1>
        <div class="tag">
                <img src="assets/snake.png" class="imgnano"><br>
            <a href="snake/snake.html">Snake</a></div>

        <div class="tag">
            <img src="assets/vim-snake.png" class="imgnano"><br>
            <a href="vim-snake/Vim-Snake.html">Vim-Snake</a></div>
    </div>
</body>
</html>
